<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Login</title>
<h:outputScript library="javax.faces" name="jsf.js" target="head" />
<style>

.ui-panel .ui-panel-footer {
border-width: 1px 0 0;
margin: 0.5em 0 0;
padding: 0.5em 1em;
text-align: center;
font-size:10px;
font-style:italic;
font-weight:bold;
}

.ui-growl-item{
display: block;
padding: 3px 19px;
font-size: 13px;
background: darkgrey;
}

.ui-growl-item-container {
background: darkgrey;
}

</style>
</h:head>

<h:body>
	<center> 
		<h:form id="form">

			<p:growl id="growl" showDetail="true" sticky="true" />

			<p:panel id="panel" header="Login" footer="Sistema JFS PrimeFaces" style="margin-top: 30px;font-size:10px;width:800px;">

			        <h:panelGrid columns="2" cellpadding="5" id="panelgroup" style="font-size:10px">
			        	<h:outputText value="Usuario:" />  
			            	<p:inputText id="account" value="#{LoginMB.login}" required="true" label="Usuario">
			            		<f:validateLength minimum="3" />
			            	</p:inputText>
			            
			            <h:outputText value="Senha: " />
			            	<p:password id="password" value="#{LoginMB.senha}" required="true" label="Senha">
			            		<f:validateLength minimum="3" />
			            	</p:password>
			            	
			            <p:commandButton value="Entrar" id="entrar" action="#{LoginMB.autentica}" update="growl"/>  
			        </h:panelGrid>
		    </p:panel>
	    </h:form>
	</center>
</h:body>
</html>